.author {
  width: 340px;
  .author-box {
    .author-header {
      position: relative;
      height: 110px;
      background: #29353d;
      .author-logo {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 70px;
        overflow: hidden;
        text-align: center;
      }
      .author-avatar {
        position: absolute;
        bottom: -30px;
        left: 50%;
        width: 70px;
        height: 70px;
        margin-left: -35px;
        padding: 5px;
        border-radius: 100%;
        background: #fff;
        img {
          display: block;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-color: red;
        }
      }
    }
    .author-body {
      padding: 40px 0 15px;
      text-align: center;
      background-color: #fff;
      .author-body-name {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        text-align: left;
        padding-left: 20px;
      }
      .author-body-item {
        display: flex;
        justify-content: flex-start;
        padding: 10px 20px;
        li {
          list-style: none;
          margin: 0 5px;
          cursor: pointer;
          i {
            font-size: 16px;
          }
        }
      }
    }
  }
}